<?php
/**
 * The Template for displaying all single products.
 *
 * Override this template by copying it to yourtheme/woocommerce/single-product.php
 *
 * @author 		WooThemes
 * @package 	WooCommerce/Templates
 * @version     1.6.4
 */
if (!defined('ABSPATH'))
    exit; // Exit if accessed directly

get_header(); 

 $get_sku = get_post_meta(get_the_ID() , '_sku', true); ?>

<script type="text/javascript">
    $('.header').addClass('product');
</script>
<script src="<?php echo bloginfo('template_url'); ?>/js/jquery-migrate-1.2.1.js"></script>
<div class="row">
    <div class="col-lg-5 col-sm-6 col-12"></div>
    <div class="col-lg-7 col-sm-6 col-12 header-description">
        <div class="title step">
            <h2 class="line_1">
            <?php echo get_the_title().' '. $get_sku ?>
            <span style="display:inline-block;width:66px;margin-left: 20px;"><script type="text/javascript" src="https://apis.google.com/js/plusone.js" gapi_processed="true">{lang: 'vi'}</script><g:plusone></g:plusone></span>
            </h2>
            
        </div>
    </div>
</div>
</div>
</div>
<style type="text/css">
@media (max-width: 991px) {
    .line_1{
        font-size: 20px !important;
    }
}
@media (max-width: 767px){
    .line_1{
        font-size: 25px !important;
    }
    .line_1 span{
        display: none !important;
    }
    .ratingblock, .thumblock {
        position: relative;
        display: inline-block;
        top: 10px;
    }
    .social-review > div {
        margin-top: -5px;
    }
}
</style>
<?php
/**
 * woocommerce_before_main_content hook
 *
 * @hooked woocommerce_output_content_wrapper - 10 (outputs opening divs for the content)
 * @hooked woocommerce_breadcrumb - 20
 */
//do_action('woocommerce_before_main_content');
?>

<?php while (have_posts()) : the_post(); ?>

    <?php woocommerce_get_template_part( 'content', 'single-product' );  ?>

<?php endwhile; // end of the loop.  ?>

<?php
/**
 * woocommerce_after_main_content hook
 *
 * @hooked woocommerce_output_content_wrapper_end - 10 (outputs closing divs for the content)
 */
//do_action('woocommerce_after_main_content');
?>


<link href="<?php echo bloginfo('template_url'); ?>/css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
<script src="<?php echo bloginfo('template_url'); ?>/js/jquery.mCustomScrollbar.min.js"></script>
<?php get_footer(); ?>